// miniprogram/pages/user/skills/skills.js

const app = getApp()
const db=wx.cloud.database()

Page({

  /**
   * 页面的初始数据
   */
  data: {
    input_code:'',
    Num:1,
    HaveSelect: [''],
    SystemSelect : ['小程序','英语','数学','街舞','社交','领导','PS','PPT','足球','阅读','绘画','剪辑','唱歌','演讲','摄影','游泳'],
    HaveSelect2: [''],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      
     const eventChannel = this.getOpenerEventChannel()
     const that = this
     // 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据
     eventChannel.on('acceptDataFromOpenerPage', function(data) {
       console.log("yes")
       console.log(data.data)
      that.setData({
        HaveSelect:data.data,
        
      })
    })
    this.setData({
      Num:this.data.HaveSelect.length
    })
    this.adjust()
   
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
   
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  DeleteSelect:function(e){
    // console.log(e);
    var index = e.currentTarget.dataset.index;
    var HaveSelect = this.data.HaveSelect;
    let pages = getCurrentPages();
    let prevPage = pages[pages.length - 2]; 
    HaveSelect.splice(index, 1)
    // console.log(duan)
    this.setData({
      HaveSelect,
      Num:this.data.HaveSelect.length
    })

  },
  Select:function(e){
    // console.log(e);
    var index = parseInt(e.currentTarget.dataset.index);
    var SelectItem= this.data.SystemSelect[index];
    // console.log(arr);
  //  console.log(SelectItem);
    var index = this.data.HaveSelect.indexOf(SelectItem)
    console.log()
    if(index >= 0)
    {
      wx.showToast({
        title: '已有该标签',
        icon:'none',
        duration:1000
      })
    }
    else if(this.data.Num>=5){
      wx.showToast({
        title: '标签数量达上限',
        icon:'none',
        duration:1000
      })
    }
   

    else{
      this.setData({
        HaveSelect: this.data.HaveSelect.concat(SelectItem),
        Num:this.data.Num+1,
      })
    } 
    
  
  },
  done:function(e){

    if(this.data.Num>=5){
      wx.showToast({
        title: '标签数量达上限',
        icon:'none',
        duration:1000
      })
    }
    else{
      this.setData({
      HaveSelect:this.data.HaveSelect.concat(e.detail.value),
      input_code:'' ,
      Num:this.data.Num+1

    })
    }
  },

  handlePreserve:function()
  {
    const that = this
    wx.showLoading({
      title: '更新中',
    })
    db.collection('user').where({
      _openid:app.globalData.openid
    }).update({
      // data 传入需要局部更新的数据
      data: {
        // 表示将 done 字段置为 true
        ['UserInfo.BiaoQian']:that.data.HaveSelect
      },
      success: function(res) {
        console.log(res)
      }
    })
    setTimeout(function () {
      wx.showToast({
        title: '更新成功',
      })
    },1000)
    this.handleBack()
  },
  handleBack: function(){
    let pages = getCurrentPages();  // 当前页的数据，可以输出来看看有什么东西
    let prevPage = pages[pages.length - 2];  // 上一页的数据，也可以输出来看看有什么东西
    /** 设置数据 这里面的 value 是上一页你想被携带过去的数据，后面是本方法里你得到的数据，我这里是detail.value，根据自己实际情况设置 */
    prevPage.setData({
       ['UserInfo.BiaoQian']:this.data.HaveSelect
      })
    /** 返回上一页 这个时候数据就传回去了 可以在上一页的onShow方法里把 value 输出来查看是否已经携带完成 */
    wx.navigateBack({});
  },
  Back:function()
  {
    wx.navigateBack({});
  },
  adjust:function(){
    var SelectItem= this.data.SystemSelect[1];
    this.data.HaveSelect= this.data.HaveSelect.concat(SelectItem)
    console.log("add",this.data.HaveSelect)
    this.data.HaveSelect.splice(this.data.Num, 1)
    console.log("del",this.data.HaveSelect)

  }
})